@charset "utf-8";
/* CSS Document */

*{padding:0; margin: 0; border: 0; }
body {font-family:'微软雅黑'; margin:0 auto; background:#fafafa; font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both}
input,img{vertical-align:middle;}
a,a:hover{text-decoration:none;}
li{list-style:none}
.container{width:600px; margin:0 auto;}
.logo{width:200px;height:71px; display: block;margin:30px auto 70px auto;}

.tips{ width: 435px; line-height:30px; font-size:16px; padding:30px 0 10px 0; color:#999999; margin:0 auto;}
.tips .black{color:#333333; line-height:40px;}
.tips .black img{float:left}
.login_box{width:440px; border-radius:5px; background: #ffffff; border:1px solid #e5e5e5; margin:0 auto 90px auto;box-shadow:0 1px 1px #e5e5e5;}
.login_box .title{ font-size:24px;color:#00a9ea; height:80px; line-height:80px; font-weight: lighter}
.login_list{width:360px;margin:0 auto 0 auto;}
.login_list li{width:360px;height:40px; margin-bottom:20px;position:relative;}
.login_list li .getcode{position:absolute;width:120px;height:40px;border-radius:5px;line-height:40px;text-align:center;font-size:14px;color:#ffffff;background:#03aaea;top:0;right:0;border-bottom-left-radius:0;border-top-left-radius:0;}
.login_list li .regetcode{background:#CCCCCC;}
.login_list .text{height:38px;border-radius:5px;border:1px solid #e5e5e5;line-height:38px;padding-left:13px;font-size:16px;color:#999999;}
.login_list .text_yh{width:345px;}
.login_list .text_yzm{width:230px;}
.login_list .code_pic{width:100px;height:38px;border:1px solid #e5e5e5; position:absolute;top:0;right:0;}
.login_list .auto{height:16px; line-height:16px;font-size:14px;}
.login_list .auto .forget{color:#999; margin-right: 30px;}
.login_list .auto .blue{color:#00a9ea;}
.login_list .auto .gray{color:#999999; margin-right: 10px;}
.login_list .auto a:hover{text-decoration:underline;}

.custom-checkbox{float: left; position: relative;}
.custom-checkbox input{position:absolute;left:1px;top:1px;*left:-2px;*top:-2px;margin:0;}
.custom-checkbox label{display:block;position:relative;padding-left:30px;cursor:pointer;}
.custom-checkbox label{background:url(../../images/checkbox.png) no-repeat;background-position:0 0;}
.custom-checkbox label.hover,.custom-checkbox label.focus{background-position:0 0;}
.custom-checkbox label.checked{background-position:0 -16px;}

.login_list .btn{height:40px;border-radius:5px;line-height:40px;width:360px; text-align:center;font-size:20px;color:#ffffff;background:#03aaea; margin:30px 0;}
.other_login{width: 100%;border-top:1px solid #e5e5e5;position: relative; margin-top:30px;padding-top:20px;}
.other_login .tit{position:absolute; width: 140px;height: 16px;text-align:center; color:#999999;left:150px;top:-10px; background:#ffffff;}
.other_login ul{width: 160px;height:40px; margin:5px auto 20px auto;}
.other_login ul li{width:40px; height: 40px; padding: 0 20px;float:left;}
.other_login ul li img{width:40px; height: 40px;}
.footer{width: 100%;text-align:center;height:60px;line-height:21px;font-size:12px;}
.footer .link{color:#333333;}
.footer .link a{color:#333333; margin:0 5px;}
.footer .link a:hover{text-decoration:underline;}
.footer .company{color:#999999;}

/*agreement css*/
div.agreement_box{width:600px; margin:0 auto;color:#999;background:#fff;border:1px solid #eaeaea;border-top:2px solid #00a9ea;}
div.agreement_box h2{font-weight:normal;color:#333;padding:10px 5px;margin:0 10px;border-bottom:1px solid #eaeaea}
div.agreement_cont{padding:0 15px}
div.agreement_cont h4{color:#00a9ea;padding:10px 0;}
div.agreement_cont p{line-height:30px;}